<!DOCTYPE html>
<html lang="en">
    <head>
        <!-- Basic Page Needs
        ================================================== -->
        <meta charset="utf-8" />
        <title>
            @section('title')
            Cambodia ATM Finder
            @show
        </title>
        <meta name="keywords" content="your, awesome, keywords, here" />
        <meta name="author" content="Jon Doe" />
        <meta name="description" content="Lorem ipsum dolor sit amet, nihil fabulas et sea, nam posse menandri scripserit no, mei." />

        <!-- Mobile Specific Metas
        ================================================== -->
        <meta name="viewport" content="width=device-width, initial-scale=1.0">

        <!-- CSS
        ================================================== -->
        @stylesheets('public-css')

        <style>
        @section('styles')
        @show
        </style>

        <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
        <!--[if lt IE 9]>
        <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->
          <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
        <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>
        <!-- Favicons
        ================================================== -->
        <link rel="apple-touch-icon-precomposed" sizes="144x144" href="{{{ asset('assets/ico/apple-touch-icon-144-precomposed.png') }}}">
        <link rel="apple-touch-icon-precomposed" sizes="114x114" href="{{{ asset('assets/ico/apple-touch-icon-114-precomposed.png') }}}">
        <link rel="apple-touch-icon-precomposed" sizes="72x72" href="{{{ asset('assets/ico/apple-touch-icon-72-precomposed.png') }}}">
        <link rel="apple-touch-icon-precomposed" href="{{{ asset('assets/ico/apple-touch-icon-57-precomposed.png') }}}">
        <link rel="shortcut icon" href="{{{ asset('assets/ico/favicon.png') }}}">
    </head>

    <body>
        <header id="headerMain" class="header-main">
            <div class="content-fluid">
                <div class="span2">
                    <a href="/">ATMFINDER.COM</a>
                </div>
                <div class="span7">
                    @include ('site.elements.search')
                </div>
                <div class="span3">
                </div>
            </div>
        </header>
        <div class="branch" id="branch">
            @include ('site.elements.branches')
        </div>
        <!-- Map -->
        <div id="map"></div>
        <script type="text/html" id="dataBranch">
             <% _.each(items,function(item,key,list){ %>
             <li>
                <a href="#" id="<%= item.id %>">
                    <%= item.branch_name.length > 0 ? item.branch_name:item.place.name %>
                </a>
             </li>
             <% }) %>
        </script>
        <script type="text/html" id="atmInfo">
            <div class="atm-info">
                <h2><%= atm.name %></h2>
            </div>
        </script>
        @if (strlen($atms) > 10)
        <script>
            var atms = {{$atms}};
            var provinces = {{$provinces->toJson()}};

        </script>
        @endif
        <!-- Javascripts
        ================================================== -->
        @javascripts('public-js')
    </body>
</html>
